<template>
<div class="case-clue">
  <xdh-form class="clue-form" :data="data" size="small" :inline="false"
   label-width="120px"></xdh-form>
</div>
</template>

<style lang="scss" scoped>
@import './common.scss';
.case-clue{
  width: 90%;
  height: 100%;
  margin: 0 auto;
  padding: 10px;
  // .clue-form{
  //   /deep/ label.el-form-item__label{
  //     font-weight: 800;
  //     &:after{
  //       content: ':';
  //     }
  //   }
  // }
  
}
</style>

<script>
import XdhForm from '@/widgets/xdh-form'
export default {
  name: 'caseClue',
  components: {
    XdhForm
  },
  data() {
    return {
      data: [
        {
          type: 'title',
          props: { title: '案件小类', simple: true, border: true, theme: 'success' }
        },
        {
          name: 'invade',
          type: 'radio',
          label: '侵入方式',
          options: [
            {label: '从门侵入', value: '1'},
            {label: '攀爬翻墙', value: '3'},
            {label: '翻墙', value: '4'},
            {label: '暴力破锁', value: '5'},
            {label: '技术开锁', value: '6'},
            {label: '溜门', value: '7'},
            {label: '其他侵入', value: '8'}
          ]     
        },
        {
          type: 'title',
          props: { title: '损失物品', simple: true, border: true, theme: 'success' }
        },
        {
          name: 'normalObject',
          type: 'checkbox',
          label: '常见物品',
          options: [
            {label: '手机', value: '1'},
            {label: '电脑', value: '2'},
            {label: '现金、纪念币', value: '3'},
            {label: '首饰', value: '4'}
          ]
        },
        {
          name: 'specialObject',
          type: 'checkbox',
          label: '非常见物品',
          options: [
            {label: '电器', value: '1'},
            {label: '非机动车', value: '2'},
            {label: '其他物品', value: '3'}
          ]
        },
        {
          type: 'title',
          props: { title: '时空关联', simple: true, border: true, theme: 'success' }
        },
        {
          name: 'caseArea',
          type: 'radio',
          label: '案发区域',
          options: [
            {label: '城区', value: '1'},
            {label: '乡镇', value: '2'},
            {label: '村庄', value: '3'}
          ]
        },
        {
          name: 'caseDate',
          type: 'radio',
          label: '作案日选择',
          options: [
            {label: '工作日', value: 'workDay'},
            {label: '休息日', value: 'restDay'}
          ]
        },
        {
          name: 'caseTime',
          type: 'radio',
          label: '作案时段',
          options: [
            {label: '白天（6-18时）', value: 'day'},
            {label: '晚上（18-6时）', value: 'night'}
          ],
          branches: {
            'day': [
              {
                label: '',
                type: 'radio',
                name: 'timeArea',
                options: [
                  {label: '清晨（6-8）时', value: '06-08'},
                  {label: '上午（8-11）时', value: '08-11'},
                  {label: '中午（11-13）时', value: '11-13'},
                  {label: '下午（13-17）时', value: '13-17'},
                  {label: '傍晚（17-18）时', value: '17-18'}
                ]
              }
            ],
            'night': [
              {
                label: '', 
                type: 'radio',
                name: 'timeArea',
                options: [
                  {label: '晚饭时（18-20）时', value: '18-20'},
                  {label: '晚上（20-24）时', value: '20-24'},
                  {label: '凌晨（00-03）时', value: '00-03'},
                  {label: '下半夜（03-05）时', value: '03-05'},
                  {label: '黎明（17-18）时', value: '05-06'}
                ]
              }
            ]
          }
        },
        {
          name: 'placeType',
          type: 'radio',
          label: '作案场所',
          options: [
            {label: '私人住宅区', value: 'privacy'},
            {label: '公共住宅区', value: 'public'}
          ],
          branches: {
            'privacy': [
              {
                label: '',
                type: 'radio',
                name: 'caseSpot',
                options: [
                  {label: '小区住宅', value: '小区住宅'},
                  {label: '城区民房', value: '城区民房'},
                  {label: '农宅', value: '农宅'},
                  {label: '别墅', value: '别墅'},
                  {label: '公寓', value: '公寓'},
                  {label: '商住两用房', value: '商住两用房'},
                  {label: '船舱', value: '船舱'},
                  {label: '其他住所', value: '其他住所'}
                ]
              }
            ],
            'public': [
              {
                label: '', 
                type: 'radio',
                name: 'timeArea',
                options: [
                  {label: '员工宿舍', value: '员工宿舍'},
                  {label: '敬老院等群居场所', value: '敬老院等群居场所'},
                  {label: '行政事业单位宿舍', value: '行政事业单位宿舍'},
                  {label: '企业宿舍', value: '企业宿舍'},
                  {label: '学校宿舍', value: '学校宿舍'},
                  {label: '商场宿舍', value: '商场宿舍'},
                  {label: '医院宿舍', value: '医院宿舍'},
                  {label: '金融单位宿舍', value: '金融单位宿舍'},
                  {label: '工地临时宿舍', value: '工地临时宿舍'},
                  {label: '其他公用住宅', value: '其他公用住宅'}
                ]
              }
            ]
          }
        },
        {
          name: 'placeLevel',
          type: 'radio',
          label: '作案楼层',
          options: [
            {label: '低层住宅', value: 'low'},
            {label: '高层住宅', value: 'high'},
            {label: '地下室', value: 'base'}
          ]
        }
      ]
    }
  },
  methods: {
    
  },
  mounted() {
  }
}
</script>